<div class="prev-next text-sm flex flex-col items-center sm:flex-row w-full flex-1">
    <a class="link-previous hidden sm:hidden previous-link sm:flex items-center align-middle text-grey-darker hover:text-red" href="./">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="inline-block w-4 mr-1 sm:mr-2">
            <path fill="currentColor"
                  d="M0 10a10 10 0 1 1 20 0 10 10 0 0 1-20 0zm2 0a8 8 0 1 0 16 0 8 8 0 0 0-16 0zm8-2h5v4h-5v3l-5-5 5-5v3z"/>
        </svg>
        <span class="label"></span>
    </a>
    <span class="flex-0 sm:flex-1 block h-3"></span>
    <a class="link-next hidden sm:hidden previous-next sm:flex items-center align-middle text-grey-darker hover:text-red" href="./">
        <span class="label"></span>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="inline-block w-4 ml-1 sm:ml-2">
            <path fill="currentColor"
                  d="M20 10a10 10 0 1 1-20 0 10 10 0 0 1 20 0zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0zm-8 2H5V8h5V5l5 5-5 5v-3z"/>
        </svg>
    </a>
</div>
